<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="header" class="position-rel">
    <a href="javascript:void(0);" class="other-header-div other-header-left"><img src="image/head_arrow_back.png">返回</a>
    <div class="other-header-div other-header-right">附近的狗</div>
</div>

<div id="body">
    <!--狗狗资料展示框开始-->
    <div class="chat-write-box">
        <div class="chat-write-box-bor position-rel">
            <div class="chat-dog-header"><img src="image/vip_02.png"></div>
            <div class="chat-dog-info">
                <div class="chat-dot-info-top">20岁/MM/167cm</div>
                <div class="chat-dog-info-bottom">心地善良，孝敬老人，喜欢安静，爱音乐</div>
            </div>
        </div>
    </div>
    <!--狗狗资料展示框结束-->

    <!--发送时间开始-->
    <center>
        <div class="chat-send-time">
            <div class="chat-send-time-line"></div>
            <div class="chat-send-time-box">08-14 09:51</div>
            <div class="chat-send-time-line"></div>
            <br class="clear">
        </div>
    </center>
    <!--发送时间结束-->

    <!--消息框开始-->
    <div class="chat-message-box">
        <div class="chat-left-message position-rel">
            <div class="chat-message-header"><img src="image/day_7.png"></div>
            <div class="chat-message-text">不是会员没法好好聊天呢(T^T)，要不要开通会员，从此双向聊天无障碍？</div>
        </div>
    </div>
    <div class="chat-message-box">
        <div class="chat-right-message position-rel">
            <div class="chat-message-header"><img src="image/day_7.png"></div>
            <div class="chat-message-text">不好</div>
        </div>
        <br class="clear">
    </div>
    <!--消息框结束-->

    <!--开通会员开始-->
    <div class="chat-write-box">
        <div class="chat-write-box-bor position-rel">
            不是会员没法好好聊天呢(T^T)，要不要开通会员，从此双向聊天无障碍？
            <center class="chat-write-op">开通会员，从此双向聊天无障碍</center>
        </div>
    </div>
    <!--开通会员结束-->

</div>

<div id="footer-margin-top"></div>
<div class="chat-footer position-rel">
    <div class="chat-footer-input">
        <input type="text" placeholder="请输入内容...">
    </div>
    <div class="chat-footer-send">
        <img src="image/emoticonskeyboard.png">
        <div>发送</div>
    </div>
</div>
</body>
</html>